<html>
	<head>
	<meta charset="utf-8">
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<title>{% block title %}{% endblock %}</title>
	{% block stylesheet %}
	<link rel="stylesheet" type="text/css" href="{% url base_static "css/bootstrap.css" %}" />
    <style type="text/css">
    body {
    	padding-top: 60px;
    }
	</style>
	{% endblock %}
	{% block javascript %}
	<script type="text/javascript" src="{% url base_static "js/jquery-1.6.4.min.js" %}"></script>
	<script type="text/javascript" src="{% url base_static "js/bootstrap-dropdown.js" %}"></script>
	<script type="text/javascript">
    $(function() {
        $("#topbar").dropdown();
    });
    </script>
	{% endblock %}
	</head>

	<body>
	    <div class="topbar">
			<div class="fill">
	    	    <div class="container">
	        		<a class="brand" href="{% url index %}">Brisbane + coupon</a>
	          		<ul class="nav">
			          	<li{% ifequal current_page "coupon" %} class="active" {% endifequal %}><a href="{% url coupons %}">Coupon</a></li>
                        <li{% ifequal current_page "store" %} class="active" {% endifequal %}><a href="{% url stores %}">Store</a></li>
			            <li{% ifequal current_page "event" %} class="active" {% endifequal %}><a href="{% url events %}">Event</a></li>
			            <li{% ifequal current_page "contract" %} class="active" {% endifequal %}><a href="{% url contract %}">Contact</a></li>
			        </ul>
			        <ul class="nav secondary-nav">
			        {% if user.is_authenticated %}
			            <li><a href="">{{ user.username }}</a></li>
			            <li class="dropdown" data-dropdown="dropdown" >
                            <a href="#" class="dropdown-toggle">My Pages</a>
                            <ul class="dropdown-menu">
                              <li><a href="#">My Coupon</a></li>
                              <li class="divider"></li>
                              <li><a href="{% url auth_logout %}">Log out</a></li>
                            </ul>
                        </li>
			        {% else %}
			            <li><a href="{% url auth_login %}">Log In</a></li>
			            <li><a href="{% url registration_register %}">Sign Up</a></li>
			        {% endif %}
                    </ul>  
	        	</div>
      		</div>
        </div>
        <div class="container">

            {% block content %}
            {% endblock %}
            <footer>
                <p>&copy; Gluee 2011</p>
            </footer>
        </div> <!-- /container -->
	</body>
</html>
